@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-proDetail{
  width: 100%;
  height: 100%;
  //position: absolute;
  //overflow-y: auto;
  .proDetail{
    //padding-top: $_10;
    width: 100%;
    height: calc(100% - 1.9rem);
    //position: absolute;
    overflow-y: auto;
  }
  .proDtitle{
    padding: $_3 $_10;
    width: calc(100% - #{$_20});
    position: relative;
    .tProTitle{
      width: 80%;
    }
    .prosale{
      //line-height: 1rem;
      //margin-left: 0.2rem;
      position: absolute;
      right: $_10;
      bottom: 0.21rem;
      width: calc(20% - 0.2rem);
    }

  }
  .dldPdf{
    padding: $_10;
    width: calc(100% - #{$_20});
    .over-hide{
      width: calc(100% - #{$_40});
      margin-top: 0.1rem;
    }
    .dldBtn{
      background: #F2F7FD;
      color: $cMain;
      border: $_1 solid $cMain;
      border-radius: $_4;
      font-size: $_10;
      padding: $_2 $_4 $_1 $_4;
      text-align:center;
    }
  }

  .impInfo{
    width: calc(100% - #{$_20});
    //height: 1.2rem;
    padding: 0 $_10 $_10 $_10;
    .orgPrice {
      text-decoration: line-through;
      color: #FF7500;
      margin-left: $_5;
    }
    .mgleft{
      margin: 0 $_10 0 0;
    }
    .middleInfo{
      margin: 0 $_20;
    }
  }
  .topicImg{
    //width: 90%;
    //width: $_355;
    width: 100%;
    height: $_185;
    img{
      height: 100%;
      //width: 100%;
    }
  }
  .proDetailHint{
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
  }
  .proDetailContent{

    width: calc(100% - 1rem);
    padding: 0 0.5rem;
    p{
      width: 100%;
    }
    img{
      width: 100%;
      //height: 100%;
    }
    //position: absolute;
    //overflow-y: auto;
    //height: calc(100% - 11.5rem);
    //top:10rem;
  }

  .proDrtailBottom{
    width: 100%;
    position: absolute;
    bottom: 0;

  }
  .tProTitle{
      padding: 0.1rem 0;
  }
  .card{
    position: absolute;
    bottom: 1.5rem;
    width: 100%;
    height: 2rem;
    padding: 0.5rem 0;
    .cardLeft{
      width: 30%;
      height: 100%;
    }
    .cardRight{
      width: 45%;
      height: 100%;
    }
  }

}

/*产品详情页中的行为按钮样式*/
.proDetailAct{
  width: 100%;
  height: 1.5rem;
  border-top: $_1 solid $borderC;
  position: absolute;
  bottom: $_1;
  .cborange{
    //min-width: $_155;
  }
  .cgLink{
    width: $_100;
  }
  .cgLink2{
    width: $_116;
  }
  .cgLinkun{
    width: calc(50% - #{$_108});
  }
  .conSuImg{
    padding: 0.2rem 0;
    width: $_30;
    height: $_30;
    margin: 0 0.5rem;
  }
  .cForward{
    min-width: 8rem;
  }
  .goOrder{
    width: 100%;
    height: 100%;
    min-width: $_60;
  }
}